<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body> 
		
<!-- ③v-for 循环语句的使用v-for可以把数据中的一个数组对应为一组元素
v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。 
!-- 遍历数组 item 为当前项，index 为索引 -->
<p v-for="(item, index) in list">{{item}} -- {{index}}</p>
<!--遍历对象 item 为值，key 为键，index 为索引 -->
<p v-for="(item, key, index) in obj">{{item}} -- {{key}}</p>
<!-- 遍历常量 item为从1开始的递增值 -->
<p v-for="item in 10">{{item}}</p>
-->
			 
        <div id="root">
        <ul>
        <li v-for="item in list88">{{item}}</li>
        <br/>
        <span style="display: none">加上key可以增加效率，Key要求每项的值都是不同的,即唯一性 </span>
         
		<!--v-for 指令还可以取到列表的索引值，(item, index) in items ，在循环列表中取到的index值即其索引值-->
        <li v-for="(item,index) of list88" :key="index">{{index}}----{{item}}</li>
         
		 <li v-for="item in 10" >{{item}}</li>
        </ul>
        </div>
		
        <script>
        new Vue({
        el:"#root",
        data:{
        list88:[1,2,3,4,5,6,7,8],
         
        }
         
        })
         
        </script>


	</body>
</html>

<!--使用 v-for="item in list"  或者 v-for="item of list" 进行遍历都可。-->

